<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
  <head>
	<link rel="shortcut icon" href="http://localhost:8080${pageContext.request.contextPath}/img/logo.jpg">
    <title>成神系统主页</title>
<!-- Bootstrap -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
	<style type="text/css">
		/* 选择器：1.标签 2.class 3.id */
		.lbimg{
			width: 100%;
		}
		.dvfooter{
			position: absolute;
			bottom: 2px;
			height: 40px;
			background-color: #0062CC;
			width: 100%;
		}
	</style>
  </head>
  <body>
    <div class="container">
    	<div class="row clearfix">
    		<div class="col-md-12 column">
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							 <span class="sr-only">Toggle navigation</span>
							 <span class="icon-bar"></span>
							 <span class="icon-bar"></span>
							 <span class="icon-bar"></span>
						 </button>
						 <img src="http://localhost:8080${pageContext.request.contextPath}/img/label.jpg" class="navbar-brand" />
					</div>
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right">
							<li class="active">
								<a href="${pageContext.request.contextPath}/index.jsp">首页</a>
							</li>
							
							<li>
								<c:if test="${sessionScope.user!=null}">
									<a href="${pageContext.request.contextPath}/api/task/show.do">任务</a>
								</c:if>
								<c:if test="${sessionScope.user==null}">
									<a href="${pageContext.request.contextPath}/safety/usertasklist.jsp">任务</a>
								</c:if>
							</li>
							
							<li>
								<a href="${pageContext.request.contextPath}/api/question/showAll.do">题库</a>
							</li>
							
							<li>
								<c:if test="${sessionScope.user==null}">
									<a href="${pageContext.request.contextPath}/login.jsp">登陆</a>
								</c:if>
								<c:if test="${sessionScope.user!=null}">
									<a href="${pageContext.request.contextPath}/safety/my.jsp">我的</a>
								</c:if>
							</li>
						</ul>
					</div>
				</nav>
				<div class="carousel slide" id="carousel-712885">
					<ol class="carousel-indicators">
						<li class="active" data-slide-to="0" data-target="#carousel-712885">
						</li>
						<li data-slide-to="1" data-target="#carousel-712885">
						</li>
						<li data-slide-to="2" data-target="#carousel-712885">
						</li>
					</ol>
					<div class="carousel-inner">
						<div class="item active">
							<img style="height: 250px;" class="lbimg" alt="" src="img/lbimg1.png" />
							<div class="carousel-caption">
								<h4>
									开放
								</h4>
								<p>
									立志打造真正服务于大众的Java成神系统
								</p>
							</div>
						</div>
						<div class="item">
							<img style="height: 250px;" class="lbimg" alt="" src="img/lbimg2.png" />
							<div class="carousel-caption">
								<h4>
									丰富
								</h4>
								<p>
									拥有丰富的任务、题型、方便进行快速的进行考核、测试！
								</p>
							</div>
						</div>
						<div class="item">
							<img style="height: 250px;" class="lbimg" alt="" src="img/lbimg3.jpg" />
							<div class="carousel-caption">
								<h4>
									轨迹
								</h4>
								<p>
									记录你的成神轨迹，来吧，一起加入我们！
								</p>
							</div>
						</div>
					</div>
					<a class="left carousel-control" href="#carousel-712885" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> 
					<a class="right carousel-control" href="#carousel-712885" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
				</div>
			</div>
		</div>
		<div class="row clearfix">
			<div class="col-md-3 column">
				<div class="thumbnail">
					<img alt="300x200" src="img/vip.jpg" />
					<div class="caption">
					<h3>系统会员</h3>
					<p>Java成神系统，是一个标准的Java大神的成长辅助系统，目前注册会员10000+，日活3500！</p>
					<p>
					<a class="btn btn-primary" href="${pageContext.request.contextPath}/api/user/show.do">会员列表</a>
					</p>
					</div>
				</div>

			</div>
			<div class="col-md-3 column">
				<div class="thumbnail">
					<img alt="300x200" src="img/tiku.jpg" />
					<div class="caption">
					<h3>题库中心</h3>
					<p>BigGod涵盖Java题，涉及数据库、Java语法、框架、中间件、微服务、前端、测试、运维、产品等类型！</p>
					<p>
					<a class="btn btn-primary" href="${pageContext.request.contextPath}/api/question/showAll.do">题库列表</a>
					</p>
					</div>
				</div>
			</div>
			<div class="col-md-3 column">
				<div class="thumbnail">
					<img alt="300x200" src="img/tasklist.jpg" />
					<div class="caption">
					<h3>任务中心</h3>
					<p>一个Java大神的成长轨迹，和成长中的任务列表，只要你跟着学习，那么你就是Java大神！</p>
					<p>
						<c:if test="${sessionScope.user!=null}">
							<a class="btn btn-primary" href="${pageContext.request.contextPath}/api/task/show.do">任务列表</a>
						</c:if>
						<c:if test="${sessionScope.user==null}">
							<a class="btn btn-primary" href="${pageContext.request.contextPath}/safety/usertasklist.jsp">任务列表</a>
						</c:if>
					</p>
					</div>
				</div>
			</div>
			<div class="col-md-3 column">
				<div class="thumbnail">
					<img alt="300x200" src="img/exam.jpg" />
					<div class="caption">
					<h3>测试中心</h3>
					<p>在这，给你提供一个镜子，你可以很清晰的进行自我检测，让成就可见，来吧，一起来打榜！</p>
					<p>
					<a class="btn btn-primary" href="#">测试列表</a>
					</p>
					</div>
				</div>

			</div>
		</div>
		<div class="row">
			<!-- 热门-任务 -->
			<div class="col-lg-6">
				<h3>最新任务</h3>
				<div class="col-lg-12">
					<blockquote>
						<p>
							Java中的异常
						</p> <small>老邢<cite> 2021-05-28</cite></small>
					</blockquote>
				</div>
				<div class="col-lg-12">
					<blockquote>
						<p>
							Java中的数据类型
						</p> <small>老邢<cite> 2021-05-28</cite></small>
					</blockquote>
				</div>
				<div class="col-lg-12">
					<blockquote>
						<p>
							Jsp的各种知识
						</p> <small>老邢<cite> 2021-05-28</cite></small>
					</blockquote>
				</div>
			</div>
			<div class="col-lg-6">
				<h3>最新排行</h3>
				<div class="col-lg-12">
					<blockquote>
						<p>
							Top1 老邢
						</p> <small>990 <cite>第一名</cite></small>
					</blockquote>
				</div>
				<div class="col-lg-12">
					<blockquote>
						<p>
							Top1 老邢
						</p> <small>990 <cite>第一名</cite></small>
					</blockquote>
				</div>
				<div class="col-lg-12">
					<blockquote>
						<p>
							Top1 老邢
						</p> <small>990 <cite>第一名</cite></small>
					</blockquote>
				</div>
			</div>
		</div>
	</div>
	<script src="http://localhost:8080${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
	<script src="http://localhost:8080${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
	<script type="application/javascript">
		$(function(){
			$('#carousel-712885').carousel({interval:2000});});


	</script>
  </body>
</html>